<html>
<head>
    <title>Ext JS Calendar Sample</title>
    <link rel="stylesheet" type="text/css" href="../../ext-4.2.1.883/resources/css/ext-all-gray.css"/>
    <link rel="stylesheet" type="text/css" href="resources/css/calendar.css" />
    <link rel="stylesheet" type="text/css" href="resources/css/examples.css" />

    <script type="text/javascript" src="../../ext-4.2.1.883/ext-all-dev.js"></script>

    <script type="text/javascript">
        Ext.Loader.setConfig({
            enabled: true,
            paths: {
                'Ext.calendar': 'src'
            }
        });
        Ext.require([
            //'Ext.diag.layout.Context',
            //'Ext.diag.layout.ContextItem',
            'Ext.calendar.App'
        ]);
        Ext.onReady(function(){
            // launch the app:
            var pnl = Ext.create('Ext.Panel', {
                title: 'Calend&aacute;rio',
                renderTo: Ext.getBody(),
                height: 650,
                width: 1200,
                html: '<div id="xpto"></div>',

                listeners: {
                    afterrender: function() {
                        var cal = Ext.create('Ext.calendar.App');
                        cal.getCalendario().setWidth(this.getWidth());
                        cal.getCalendario().setHeight(this.getHeight());
                    }
                }
            });
            
            
            //pnl.add(cal);

            //Ext.create('Ext.calendar.App');
        });
    </script>
</head>
<body>
</body>
</html>
